html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,
samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
input,textarea,select{margin:0;padding:0;font-size:100%;font:inherit;resize:none;outline:0}img{-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration:none}
h1,h2,h3,h4,h5,h6,h7{font-weight:normal}
html { overflow-y:scroll }  
body { background:#eee; color:#333; font:12px/1.75 'Microsoft Yahei','Helvetica Neue', Arial, sans-serif }
body#index #nav_index,body#res #nav_res,body#pros #nav_pros,body#article #nav_article, #tutorial #nav_tutorial, #sn #nav_sn, #ipsw #nav_ipsw,body#hezuo #nav_hezuo { font-weight:bold }
a { color:#333; text-decoration:none }
a:hover { color:#236ee7; text-decoration:none }
img { margin:0; padding:0; display:block; }
i { font-style:normal; }
a,a:active { outline:none; }
/*
	blue
		default 007aff
		hover   0066dd
*/
/* ====== public ======================================================================== */
.selectdown { float:left; width:64px; height:34px; border:1px solid #CCC; position: relative; z-index: 4; cursor:pointer; }
.selectdown:hover { background:#f4f4f4; }
.selectdown > .title { width:100%; height:34px; line-height:34px; text-indent: 10px; }
.selectdown > .arrows { position: absolute; right: 5px; top:50%; margin-top:-15px; width:15px; height:30px; background:url(../img/top_nav_sitemap_arrow.png) no-repeat left -22px; transition: all 0.2s; }
.selectdown > .options { display:none; position:absolute; top:34px; left:-1px; z-index: 4; width:64px; border:1px solid #CCC; }
.selectdown > .options > .list,
.selectdown > .options > span { display:block; width:100%; height:32px; line-height:32px; background:#FFF; text-indent:10px; font-size:12px; color:#333; }
.selectdown > .options > span { text-indent:10px; font-size:11px; color:#666; cursor:default; clear:both; }
.selectdown > .options > .list:hover { background:#f2f2f2; }
.selectdown > .options > .list.ing { background:#e6e6e6; }
.selectdown.ing { background:#f4f4f4; }
.selectdown.ing > .options { display: block; }
.selectdown.ing > .arrows { background-position:left 13px; }

.btn { cursor:pointer; }

.ibox { margin:20px auto 0; padding:40px; width:1160px; background:#fff; overflow:hidden }
.jbox { width:1160px; overflow:hidden; position: relative; }
.kbox { width:1200px; overflow:hidden }

.audio_play { background:url(../img/ring_btns.png) left top }
.audio_play.ing { background:url(../img/ring_btn_pause.gif) }
.audio_play:hover { background:url(../img/ring_btns.png) left bottom }
.audio_play.ing:hover { background:url(../img/ring_btn_pause.gif) }
.timeline { position:absolute; bottom:-1px; left:0; width:0; height:1px; overflow:hidden; background:#f79727; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }

.title { color:#333; }

.back_up { background: url("../img/back_up.png") no-repeat; cursor: pointer; display: block; width: 40px; height: 40px; position: fixed; bottom: -40px; right:40px; z-index: 9; transition: all 0.5s; }
.back_up.ing { bottom:40px; }

.alert { width:100%; height:100%; position:fixed; left:0; top:0; background:url(../img/00000050.png) repeat; z-index: 10; }
.alert > .box { position: absolute; left:50%; top:50%; margin-left:-200px; width:320px; padding:30px 40px 70px; border:1px solid #ddd; background:#fff; }
.alert > .box > .content { color:#333; font-size:15px; font-weight: bold; line-height:30px; text-align:center; }
.alert > .box > .close { display:block; position:absolute; left:50%; bottom:20px; margin-left:-50px; width:100px; height:32px; line-height:32px; text-align: center; background:#FFF; border:1px solid #ddd; color:#333; font-size:14px; }
.alert > .box > .close:hover { background:#EEE; }

.download_pc { display:none; width:100%; height:100%; position:fixed; left:0; top:0; background:url(../img/00000050.png) repeat; z-index: 10; }
.download_pc.ing { display:block; }
.download_pc > .box { width:430px; height:178px; padding:32px 40px 70px 50px; position:absolute; left:50%; top:50%; margin-left:-260px; margin-top:-140px; background:#FFF; }
.download_pc > .box > .small_close { width:22px; height:22px; position:absolute; right:15px; top:15px; display:block; background: url(../img/btnsys_close.png) no-repeat left top; }
.download_pc > .box > .small_close:hover { background-position:left -22px; }
.download_pc > .box > .small_close:active { background-position:left -44px; }
.download_pc > .box > .title { height:30px; line-height:30px; color:#333; font-size:16px; }
.download_pc > .box > p { position: relative; margin-top:18px; font-size:15px; color:#333; line-height:26px; }
.download_pc > .box > .installed { display:block; position: relative; margin-top:30px; padding-left:22px; line-height:24px; color:#666; font-size:12px; }
.download_pc > .box > .installed > i { position: absolute; left:0; top:5px; display:block; width:15px; height:15px; background:url(../img/select_general.png) no-repeat; }
.download_pc > .box > .installed:hover > i { background-position: left -15px; }
.download_pc > .box > .installed:active > i { background-position: left -30px; }
.download_pc > .box > .installed.ing > i { background-position: right top; }
.download_pc > .box > .installed.ing:hover > i { background-position: right -15px; }
.download_pc > .box > .installed.ing:active > i { background-position: right -30px; }
.download_pc > .box > .close,
.download_pc > .box > .install { display:block; position:absolute; bottom:35px; width:128px; height:36px; line-height:36px; font-size:14px; text-align:center; }
.download_pc > .box > .close { right:40px; background:#eee; }
.download_pc > .box > .close:hover { background:#ddd; color:#333; }
.download_pc > .box > .install { right:182px; background:#007aff; color:#fff; }
.download_pc > .box > .install:hover { background:#0066dd; }
/* ====== header ========== */
.header_wrap { background:#fff; min-width: 1240px; position:relative; z-index: 4; }
.header { margin:0 auto; width:1160px; height:98px }
.header .logo { display:block; float:left; padding-top:26px; width:200px }
/* nav */
.header nav { float:left; padding-top:38px; height:22px; overflow: hidden; }
.header nav a { display:block; float:left; padding:0 20px; height:22px; line-height:22px; font-size:13px; color:#333}
.header nav a:hover { color:#999 }
.header nav a.nav_on { font-weight:bold }
/* search */
.header > .search { float:right; padding-top:31px; width:286px; height:67px; position:relative; z-index: 4; }
.header > .search > form > .selectdown { border-right:none; }
.header > .search > form > input { float:left; padding:7px 5px; width:160px; height:20px; line-height:20px; border:1px solid #CCC; background:url(../img/header_search_icon.png) no-repeat 10px 9px; _background:none }
.header > .search > form > input:focus { background:#f8f8f8 }
.header > .search > form > input.on { background:#f8f8f8 }
.header > .search > form > a { display:block; float:left; margin-left:-1px; width:48px; height:34px; border:1px solid #CCC; font-size:12px; line-height:34px; text-align:center; transition:0.2s }
.header > .search > form > a:hover { background:#eee }
/* footer */
.footer { position:relative; background:#fff; clear:both; text-align:center; margin-top:20px; padding-bottom:40px; min-width:1240px; }
.footer_link { padding:25px 0 25px; margin-bottom:40px; border-bottom:1px solid #eee; }
.footer_link a { margin:0 20px; line-height:32px }
.footer_img  { margin:0 auto; width:202px; height:50px }
.footer_img a { display:inline; float:left; margin:0 8px }
.footer p { color:#999; clear:both; line-height:40px }
.footer p > a { color:#999; }
.footer p span { margin:0 10px }
.footer ul { color:#999; line-height:25px; margin-top:20px; }
.footer ul li.company-name { color:#666; }
.footer ul li.company-name span { position:relative; }
.footer ul li.company-name span img { width:24px; height:24px; position:absolute; left:-30px; top:50%; margin-top:-12px; }
.footer > .quick_viewing { display:none; position:absolute; left:0; top:-301px; z-index:5;  width:100%; height:300px; background:url(../img/ffffff99.png) repeat; }
.footer > .quick_viewing.ing { display:block; }
.footer > .quick_viewing > .jbox { overflow:visible; width:1240px; height:240px; margin:30px auto; }
.footer > .quick_viewing > .jbox > .kbox { overflow:visible; width:1200px; height:240px; padding:0 40px; }
.footer > .quick_viewing > .jbox dl { float:left; width:160px; height:240px; margin-right:40px; }
.footer > .quick_viewing > .jbox dl a { text-align:left; text-indent:5px; font-size:12px; display:block; height:28px; line-height:28px; color:#777; }
.footer > .quick_viewing > .jbox dl a:hover { background:#007aff; color:#FFF; }
.footer > .quick_viewing > .jbox dl > dt > a { font-weight:bold; color:#555; }
.footer .btn_wxapp { position:relative; }
.footer .btn_wxapp > img { display:none; position: absolute; width:120px; top:15px; left:-28px; }
.footer .btn_wxapp:hover > img { display:block; }

/* ====== home ======================================================================== */
/* ====== banner ========== */
.banner { position:relative; width:100%; min-width: 1240px; height:470px; overflow:hidden }
/* banner pc */
.banner_pc { position:absolute; top:0; left:0; width:100%; height:470px; background:#007aff url(../img/banner_img_pc.png?_=180810) center no-repeat; text-align:center; z-index:2 }
.banner_pc a.download { position:absolute; left:50%; top:288px; z-index:3; margin-left:-100px; width:200px; height:48px; line-height:48px; background:#4da2ff; color:#fff; font-size:16px }
.banner_pc a.download:hover { background:#6eb3ff; color:#fff }
.banner_pc p { position:absolute; z-index:3; left:50%; top:336px; margin-left:-150px; width:300px; line-height:48px; color:#cfe1ff }
.banner_pc p span { color:#5ea3ff }
.banner_pc a.details { position:absolute; left:50%; top:376px; margin-left:-50px; z-index:2; display:block; width:100px; height:30px; line-height:30px; text-decoration: underline; color:#FFF; font-size:14px; }
.banner_pc a.details:hover { text-decoration: none; color:#eee; }
/* banner iOS */
.banner_ios { position:absolute; top:0; left:0; border-top:2px solid #007aff; width:100%; height:468px; background:#fff url(../img/banner_img_ios.png?_=180810) center no-repeat; text-align:center }
.banner_ios a { position:absolute; left:50%; top:316px; margin-left:-100px; width:200px; height:48px; line-height:48px; background:url(../img/banner_btn_ios.png) top; color:#fff; font-size:16px }
.banner_ios a:hover { background:url(../img/banner_btn_ios.png) bottom; color:#fff }
/* banner btn */
.banner_btn { position:absolute; bottom:30px; left:50%; margin-left:-24px; width:48px; height:12px; z-index:3 }
.banner_btn a { display:inline-block; float:left; margin:0 6px; border:1px solid #fff; border-radius:6px; width:10px; height:10px; overflow:hidden }
.banner_btn .banner_btn_on { border:1px solid #fff; background:#fff }
.banner.banner_t2 .banner_btn a { border:1px solid #007aff }
.banner.banner_t2 .banner_btn .banner_btn_on { border:1px solid #007aff; background:#007aff }

.banner > .btn { width:52px; height:120px; position:absolute; top:50%; margin-top:-60px; background:url(../img/banner_btn_lf.png) no-repeat; z-index:3; }
.banner > .btn.prev { left:50%; margin-left:-620px; background-position:left top; }
.banner > .btn.prev:hover { background-position:left bottom; }
.banner > .btn.next { right:50%; margin-right:-620px; background-position:-52px top; }
.banner > .btn.next:hover { background-position:-52px bottom; }
.banner.banner_t2 > .btn.prev { background-position:-104px top; }
.banner.banner_t2 > .btn.prev:hover { background-position:-104px bottom; }
.banner.banner_t2 > .btn.next { background-position:-156px top; }
.banner.banner_t2 > .btn.next:hover { background-position:-156px bottom; }

/* ====== board ========== */
.board { margin:20px auto 0; padding:28px 40px 40px; width:1160px; background:#fff; overflow:hidden; }
.board h1 { position:relative; padding-bottom:15px; font-size:18px; height:29px; line-height:29px; }
.board_h1_btn { position:absolute; top:0; right:0; width:144px; height:29px; }
.board_h1_btn a { float:left; display:inline; margin-left:4px; border:1px solid #e9e9e9; width:66px; height:27px; background:#f9f9f9; text-align:center; line-height:27px; font-size:12px; color:#999 }
.board_h1_btn a:hover { background:#fff }
a.board_h1_btn_on { border:1px solid #bbb; background:#fff; color:#333 }
.board_h1_link { position:absolute; top:0; right:0; width:1000px; height:29px; text-align:right }
.board_h1_link a { margin-left:20px; font-size:12px; color:#999 }
.board_h1_link a:hover { color:#236ee7 }
/* ====== news ========== */
/* news left */
.board_news_l { float:left; margin-right:40px; width:860px; height:350px  }
.board_news_l section { position:relative; width:860px; height:120px }
.board_news_l section > a { display:block; width:140px; height:105px; overflow:hidden; position:relative; }
.board_news_l section > a > img { position:absolute; width:140px; height:105px; left:0; top:0; }
.board_news_l section h2  { position:absolute; left:160px; top:0; width:700px; line-height:40px; font-size:16px }
.board_news_l section p   { position:absolute; left:160px; top:44px; width:700px; line-height:25px; font-size:13px; color:#999 }
.board_news_l ul { display:block; float:left; width:410px } .board_news_l_ul { margin-right:40px }
.board_news_l li { clear:both; height:32px; line-height:32px; vertical-align:top }
.board_news_l li a    { display:block; float:left; width:335px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_news_l li time { display:block; float:right; width:75px; text-align:right; color:#aaa }
/* news right */
.board_news_r { float:left; position:relative; width:260px; height:350px; overflow:hidden }
.board_news_r div { width:780px }
.board_news_r section { float:left; width:260px }
.board_news_r section > a { display:block; width:260px; height:208px; overflow:hidden; position:relative; }
.board_news_r section > a > img { width:260px; height:208px; position:absolute; left:0; top:0; }
.board_news_r section h2  { margin-top:26px; _margin-top:23px; width:260px; line-height:32px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.board_news_r section p   { display:block; height:75px; line-height:25px; color:#999; overflow:hidden }
/* news right scroll btn */
.board_news_r_btn { display:block; position:absolute; top:215px; left:55px; width:150px; height:24px }
.board_news_r_btn a { float:left; display:inline-block; margin:0 5px; width:40px; height:24px }
.board_news_r_btn a span { display:block; margin-top:12px; width:40px; height:1px; overflow:hidden; background:#ccc }
.board_news_r_btn a:hover span { background:#999 }
a.board_news_r_btn_a span { background:#000 }

/* ====== apps ========== */
/* apps left */
.board_apps_l { float:left; margin-right:40px; width:860px; height:710px }
/* apps left, app list  */
.board_apps { display:none; width:860px; height:400px; overflow:hidden; }
.board_apps.ing { display:block; }
.board_apps h2 { display:block; padding-bottom:12px; border-bottom:1px solid #eee; width:860px; height:30px; _overflow:hidden }
.board_apps h2 a { float:left; display:block; margin:0 50px 0 4px; width:46px; line-height:30px; font-size:14px; text-align:center; color:#999 }
.board_apps h2 a:hover { color:#236ee7 }
.board_apps h2 a.board_apps_h2_tab { padding-bottom:10px; border-bottom:3px solid #007aff; color:#333 }
.board_apps_list { display:none; width:900px; height:345px }
.board_apps_list.ing { display:block; }
.board_apps_list div { position:relative; float:left; margin-right:40px; border-bottom:1px solid #f4f4f4; width:410px; height:88px }
.board_apps_list div img { position:absolute; top:17px; left:0; width:54px; height:54px }
.board_apps_list div h3  { position:absolute; top:17px; left:64px; width:270px; height:15px; line-height:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_apps_list div p   { position:absolute; top:35px; left:64px; width:270px; height:19px; line-height:19px; color:#aaa }
.board_apps_list div p.t { top:54px }
.board_apps_list div p span { margin:0 10px; color:#e6e6e6 }
.board_apps_list_btn { position:absolute; top:50%; margin-top:-13px; right:0; width:60px; height:26px; line-height:26px; text-align:center; background:#3d9aff; color:#fff }
.board_apps_list_btn:hover { background:#007aff; color:#fff; }
/* apps left, news list  */
.board_apps_news { width:860px; height:300px; overflow:hidden; padding-top:10px; }
.board_apps_news h2 { position:relative; height:48px; line-height:48px; font-size:14px }
.board_apps_news h2 a { position:absolute; top:0; right:0; width:48px; font-size:12px; color:#999 }
.board_apps_news h2 a:hover { color:#236ee7 }
.board_apps_news_top { width:900px; height:118px }
.board_apps_news_top div { float:left; margin-right:40px; width:410px }
.board_apps_news_top div > a { float:left; margin-right:15px; display:block; width:140px; height:105px; overflow:hidden; position:relative; }
.board_apps_news_top div > a > img { position: absolute; left:0; top:0; width:140px; height:105px }
.board_apps_news_top div h3  { display:block; width:255px; line-height:32px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.board_apps_news_top div p   { margin-top:4px; line-height:22px; font-size:12px; color:#999 }
.board_apps_news ul { display:block; float:left; width:410px } .board_apps_news_ul { margin-right:40px }
.board_apps_news li { clear:both; height:32px; line-height:32px; vertical-align:top }
.board_apps_news_al { display:block; float:left; width:60px; color:#999 }
.board_apps_news_ar { display:block; float:left; width:350px; color:#555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
/* apps right, app topic */
.board_apps_r { display:none; float:left; width:260px; height:710px; overflow:hidden }
.board_apps_r.ing { display:block; }
.board_apps_r h2 { position:relative; margin-bottom:12px; line-height:30px; font-size:14px;}
.board_apps_r h2 a { position:absolute; top:0; right:0; width:48px; font-size:12px; color:#999 }
.board_apps_r h2 a:hover { color:#236ee7 }
.board_apps_r section { width:260px; height:227px; line-height:24px }
.board_apps_r section > a { display:block; position: relative; width:260px; height:143px; overflow: hidden; }
.board_apps_r section > a > img { position: absolute; left:0; top:0; width:260px; height:143px; display:block; }
.board_apps_r section > h3 { margin-top:13px; height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_apps_r section p   { color:#999 }

/* ====== rings ========== */
.board_rings { width:1160px; overflow:hidden }  .board_rings_wrap { width:1200px; overflow:hidden; padding-bottom:10px; }
.board_rings_list { position:relative; float:left; margin-right:40px; border-bottom:1px solid #f4f4f4; width:360px; height:60px; line-height:22px; background:#fff }
.board_rings_list:hover { background:#f9f9f9 }
.board_rings_list .img { display:block; float:left; margin:16px 10px 0 0; width:28px; height:28px; position: relative; }
.board_rings_list .img > img { width:28px; height:28px; position: absolute; left:0; top:0; }
.board_rings_list h3  { display:block; float:left; margin-top:19px; width:198px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.board_rings_list p   { display:block; float:left; margin-top:19px; margin-left:20px; width:40px; color:#999; }
.board_rings_list a   { display:block; float:left; margin:19px 0 0 10px; width:22px; height:22px }
.board_rings_list_down { background:url(../img/ring_btns.png) right top }
.board_rings_list_down:hover { background:url(../img/ring_btns.png) right bottom }

/* ====== paper ========== */
.board_paper { width:1160px; overflow:hidden }  .board_paper_wrap { width:1200px; height:733px; overflow:hidden }
.board_paper a { position:relative; display:block; float:left; width:160px; height:280px; }
.board_paper a img { position:absolute; top:0; left:0; width:160px; height:280px; }

/* ====== links ========== */
.board_links { position: relative; margin:20px auto 0; width:1140px; padding-right:20px; height:30px; line-height:30px; overflow:hidden; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }
.board_links .content { overflow:hidden; }
.board_links p,
.board_links a { display:inline; margin-right:20px; white-space:nowrap; }
.board_links p { color:#999 }
.board_links a { color:#666; _position:relative; overflow:hidden }
.board_links a:hover { color:#236ee7; text-decoration:underline }
.board_links .more { position: absolute; right:0; top:5px; width:20px; height:20px; background:url(../img/more.png) no-repeat left top; }
.board_links .more:hover { background-position: left bottom; }
.board_links.ing { height:60px; }
.board_links.ing .more { background-position: right top; }
.board_links.ing .more:hover { background-position: right bottom; }




.nobox { width:100%; height:50px; padding:195px 0 179px; text-align: center; font-size:18px; color:#010101; }

.class_nav { width:100%; min-width: 1240px; height:48px; background:#007aff; position: relative; }
.class_nav .center { position: absolute; top:0; left:50%; }
.class_nav .center a { display:block; width:142px; height:48px; line-height:48px; float:left; text-align:center; color:#b5d8ff; font-size:13px; }
.class_nav .center a:hover { background:#1985fa; color:#FFF; }
.class_nav .center a.nav_on { background:#268eff; color:#FFF; font-weight:bold; }
.class_nav .hierarchy { position:absolute; left:50%; top:0; margin-left:-580px; font-size:12px; color:#66afff; line-height:48px; }
.class_nav .hierarchy a { color:#cbe4ff; }
.class_nav .hierarchy span { padding:0 10px; }
.class_nav .hierarchy strong { color:#fff; font-weight: normal; }

.content_nav { width:100%; height:18px; padding-bottom:17px; border-bottom:1px solid #eee; padding-left:20px; }
.content_nav > a { display:block; width:60px; height:18px; line-height:18px; float:left; color:#999; font-size:14px; margin-right:40px; text-align: center; }
.content_nav > a:hover { color:#236ee7; }
.content_nav > a.nav_on { color:#333; border-bottom:3px solid #007aff; padding-bottom:15px; }

.content_class { padding:10px 20px; overflow: hidden; position: relative; background:#f7f7f7; }
.content_class > .bar { overflow: hidden; padding:5px 0; }
.content_class > .bar > .bar_list { width:1040px; overflow: hidden; }
.content_class > .bar > span,
.content_class > .bar > .bar_list > a { float:left; display:block; height:26px; line-height:26px; font-size:12px; }
.content_class > .bar > span { width:80px; }
.content_class > .bar > .bar_list > a { text-align:left; width:60px; }
.content_class > .bar > .bar_list > a.nav_on { color:#007aff; font-weight:bold; }

.paging { width: 100%; height:32px; overflow: hidden; padding:20px 0 30px; clear: both; }
.paging a,
.paging span { display:block; float:left; padding:0 17px; height:32px; line-height:32px; margin-right:2px; background:#f2f2f2; }
.paging a { color:#444; }
.paging a:hover { background:#ddd; }
.paging span { color:#BBB; }
.paging a.paging_on { color:#FFF; background:#666; }
.paging .acme { width:70px; padding:0; text-align: center; }

.app { width:410px; height:54px; padding:24px 0; border-bottom:1px solid #f4f4f4; position: relative; float:left; margin-right:40px; font-size:12px;  }
.app .app_icon { float:left; margin-right:20px; }
.app .info { float:left; line-height:18px; width:250px; overflow: hidden; }
.app .info > div,
.app .info .app_intro { overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.app_icon { display:block; width:54px; height:54px; overflow: hidden; position: relative; }
.app_icon > img { width:54px; height:54px; position: absolute; left:0; top:0; }
.app_title { display:block; font-size:12px; height:18px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.app_downcount,
.app_version,
.app_size,
.app_intro,
.app_separate { color:#aaa; font-size:12px; line-height:18px; }
.app_separate { margin:0 12px; color:#e6e6e6; }
.app_install { display:block; width:60px; height:26px; line-height:26px; text-align:center; background:#3d9aff; color:#FFF; position: absolute; right:0; top:50%; margin-top:-13px; }
.app_install:hover { background:#007aff; color:#fff }

.block_lr { overflow: hidden; }
.block_lr > .block_l { width:860px; float:left; margin-right:40px; overflow: hidden; }
.block_lr > .block_r { width:260px; float:right; overflow: hidden; }

.content_block { overflow: hidden; margin-bottom:60px; }
.content_block > .title { position: relative; height:40px; line-height: 40px; color:#333; font-size:16px; border-bottom:1px solid #eee; overflow: hidden; }
.content_block > .title > .btns { position: absolute; right:0; top:50%; margin-top:-13px; }
.content_block > .title > .btns > .btn { display: block; float:left; margin-left:7px; width:60px; height:24px; line-height:24px; font-size:12px; text-align: center; background:#f9f9f9; color:#999; border:1px solid #e9e9e9; }
.content_block > .title > .btns > .btn:hover { color:#666; background:#eee; }
.content_block > .title > .btns > .btn.btn_on { background:#FFF; color:#333; border:1px solid #BBB; }
.content_block > .content { margin-top:25px; line-height:25px; color:#666; font-size:14px; }

.qm { width:260px; position: relative; }
.qm > .title { font-size:14px; height:25px; line-height:25px; overflow: hidden; padding-bottom:10px; position: relative; }
.qm > .title > .more { font-size:12px; color:#999; height:25px; line-height:25px; position:absolute; right:0; top:0; }
.qm > .title > .more:hover { color:#666; }
.qm > .lists { overflow: hidden; }

.qm.special { margin-bottom:20px; }
.qm.special > .lists > .list { margin-bottom:20px; }

.qm.tutorials > .lists > .list { display:block; height:33px; line-height:33px; color:#555; font-size:12px; overflow: hidden; }
.qm.tutorials > .lists > .list > a { display:block; height:33px; line-height:33px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.qm.tutorials > .lists > .list.img { height:90px; margin-bottom:20px; overflow: hidden; }
.qm.tutorials > .lists > .list.img > .img { position: relative; width:120px; height:90px; display:block; float:left; margin-right:15px; }
.qm.tutorials > .lists > .list.img > .img > img { position: absolute; left:0; top:0; width:120px; height:90px; }
.qm.tutorials > .lists > .list.img > .title { width:125px; height:70px; margin:10px 0; overflow: hidden; float:left; font-size:13px; line-height:23px; text-overflow:clip; white-space:normal; }

.qm.similarity_app { margin-bottom:40px; }
.qm.similarity_app > .lists > .list { height:54px; position: relative; margin-bottom:23px; }
.qm.similarity_app > .lists > .list > .app_icon { float:left; margin-right:15px; }
.qm.similarity_app > .lists > .list > .info { width:120px; overflow: hidden; }
.qm.similarity_app > .lists > .list > .info > * { display:block; width:120px; height:18px; line-height:18px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.qm.similarity_app > .lists > .list > .info > .title { width:120px; height:18px; }

.qm.topic { margin-top:35px; }
.qm.topic > .lists > .kbox { width:272px; }
.qm.topic > .lists > .kbox > .list { width:124px; height:30px; float:left; margin-right:12px; margin-bottom:12px; }
.qm.topic > .lists > .kbox > .list > a { display: block; line-height:30px; background:#f4f4f4; color:#666; font-size:12px; text-indent: 8px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.qm.topic > .lists > .kbox > .list > a:hover { background:#ddd; color:#333; }

.pics_transverse { position:absolute; top:355px; width:760px; height: 355px; overflow:hidden; }
.pics_transverse.ing { top:0; }
.pics_transverse .jbox > .kbox { height:355px; overflow:hidden; }
.pics_transverse .jbox > .kbox > img { height:355px; float:left; margin-right:20px; }
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	
}
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.swiper-scrollbar {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 10px;  bottom: 2px; height: 5px; left: 0; position: absolute; width: 100%; z-index: 2; }
.swiper-scrollbar-drag {background: url(../img/00000040.png) repeat; border-radius: 10px; height: 100%; position: relative; width: 100%; }

.special_list { overflow: hidden; width:260px; }
.special_list > a { display: block; }
.special_list > .img { width:260px; height:143px; overflow:hidden; position: relative; }
.special_list > .img > img { position: absolute; left:0; top:0; width:260px; height:143px; }
.special_list > .title,
.special_list > .count { height:25px; line-height:25px; font-size:12px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.special_list > .title { margin-top:15px; }
.special_list > .count { color:#999; }

.select { height:38px; z-index: 3; }
.select > div { float:left; height:36px; line-height:36px; border:1px solid #DDD; background:#FFF; color:#333; font-size:12px; }
.select > .label { width:102px; text-align: center; background:#f7f7f7; color:#666;  }
.select > .selectdown { width:158px; border-left:none; }
.select > .selectdown > .options { top:36px; width:158px; border:1px solid #ddd; }
.select > .selectdown > .title { height:36px; line-height:36px; }
.select > .ok { margin-left:9px; width:92px; text-align: center; }
.select > .ok:hover { background:#f9f9f9; }

.class_nav.news_class_nav > .center { width:426px; margin-left:-213px; }
.news_list { width:260px; height:368px; padding-bottom:30px; padding-right:40px; overflow: hidden; float:left; position: relative; }
.news_list > a { display: block; }
.news_list .img { width:260px; height:208px; position: relative; overflow: hidden; }
.news_list .img > img { width:260px; height:208px; position: absolute; left:0; top:0; }
.news_list .title { margin-top:15px; height:50px; line-height:25px; font-size:14px; overflow:hidden; }
.news_list .describe { font-size:12px; color:#888; line-height:21px; height:63px; overflow:hidden; margin-top:6px; }
.news_list .info { height:30px; overflow:hidden; }
.news_list .info img { position: absolute; left:0; top:10px; }
.news_list .time,
.news_list .view { padding-left:18px; position:relative; height:30px; line-height: 30px; color:#999; }
.news_list .time { float:left; }
.news_list .time.now { color:#ff9900; }
.news_list .view { float:right; }

.transverse_news_list { overflow: hidden; position: relative; padding:20px 0 18px; border-bottom:1px solid #eee; }
.transverse_news_list > .img { width:150px; height:120px; position: absolute; right:0; top:50%; margin-top:-60px;  }
.transverse_news_list > .img > img { width:150px; height:120px; position: absolute; left:0; top:0; }
.transverse_news_list > .title { display: block; width:820px; height:36px; line-height:36px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#010101; }
.transverse_news_list > .title:hover { color:#236ee7; }
.transverse_news_list > .describe { display: block; width:820px; height:44px; padding:2px 0; line-height:22px; overflow:hidden; font-size:13px; color:#888; }
.transverse_news_list > .info { width:820px; height:36px; overflow:hidden; padding-top:2px; }
.transverse_news_list > .info img { position: absolute; left:0; top:50%; margin-top:-5px; }
.transverse_news_list > .info > .type,
.transverse_news_list > .info > .time,
.transverse_news_list > .info > .view,
.transverse_news_list > .info > .tags { float:left; margin-right:35px; padding-left:18px; position:relative; height:36px; line-height: 36px; color:#999; font-size:12px; }
.transverse_news_list > .info > .time.now { color:#ff9900; }
.transverse_news_list > .info > .view > img { left:-3px; }
.transverse_news_list > .info > .type,
.transverse_news_list > .info > .tags { padding:0; color:#999; margin-right:30px; }
.transverse_news_list > .info > .tags > a { margin-right:2px; background:#F9F9F9; padding:2px 7px; color:#999; }
.transverse_news_list > .info > .tags > a:hover { background:#BBB; color:#FFF; }

.audio_player { width:1px; height:1px; overflow: hidden; position:absolute; top:-10px; }

.wper_player { display: none; position: fixed; left:0; top:0; z-index: 9; width:100%; height:100%; background:url(../img/33333395.png) repeat; }
.wper_player > .bg { position:relative; top:50%; z-index:1; width:1120px; height:700px; padding:40px; margin:-390px auto 0; overflow:hidden; background:#191919; }
.wper_player > .bg > a { display:block; position:absolute; z-index:3; }
.wper_player > .bg > .close { position: absolute; right:30px; top:30px; width:40px; height:40px; background:url(../img/close.png) no-repeat; }
.wper_player > .bg > .close:hover { background-position:left bottom; }
.wper_player > .bg > .loading { position:absolute; left:50%; top:40%;; margin-left:-15px; margin-top:-15px; z-index:4; }
.wper_player > .bg > .err { display:none; position:absolute; left:50%; top:40%;; margin-left:-50px; margin-top:-50px; width:100px; font-size:13px; color:#aaa; text-align:center; }
.wper_player > .bg > .err > p { margin-top:10px; }
.wper_player > .bg > .prev,
.wper_player > .bg > .next { top:50%; margin-top:-60px; width:52px; height:120px; background-image:url(../img/banner_btn_lf.png); background-repeat:no-repeat; }
.wper_player > .bg > .prev { left:40px; background-position:left top; }
.wper_player > .bg > .prev:hover { background-position:left bottom; }
.wper_player > .bg > .next { right:40px; background-position:-52px top; }
.wper_player > .bg > .next:hover { background-position:-52px bottom; }
.wper_player > .bg > .img { display:none; position:relative; z-index:2; height:480px; margin:0 auto; }
.wper_player > .bg > .info { position: absolute; top:540px; height:40px; line-height:20px; width:1100px; color:#999; font-size:12px; text-align: center;}
.wper_player > .bg > .info > p { height:20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.wper_player > .bg > .info > p > span { color:#666; }
.wper_player > .bg > .download { left:50%; top:600px; margin-left:-81px; width:165px; height:36px; line-height:36px; background:#3d9aff; color:#FFF; font-size:14px; text-align:center; }
.wper_player > .bg > .download:hover { background:#007aff; }
.wper_player > .bg > .thumbnail { position:absolute; left:40px; bottom:40px; width:1120px; height:80px; overflow:hidden; }
.wper_player > .bg > .thumbnail > .kbox { width:500%; position: absolute; left:0; top:0; }
.wper_player > .bg > .thumbnail > .kbox > a { display:block; height:100%; float:left; margin-right:4px; position:relative; }
.wper_player > .bg > .thumbnail > .kbox > a > i { position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #e9e9e9; box-sizing: border-box; }
.wper_player > .bg > .thumbnail > .kbox > a > img { height:80px; }
.wper_player > .bg > .thumbnail > .kbox > a.ing > i { border:3px solid #007aff; }
.wper_player > .bg > .qrcode { display:none; position: absolute; left:40px; top:40px; width:100px; }
.wper_player > .bg > .qrcode > .code { background:#FFF; width:100px; height:100px; margin:auto; }
.wper_player > .bg > .qrcode > p { margin-top:10px; line-height:20px; font-size:12px; color:#999; text-align: center; }
.wper_player.ing { display:block; }

.wper_player.big > .bg { height:980px; padding:50px; margin-top:-540px; width:1100px; }
.wper_player.big > .bg > .img { height:720px; }
.wper_player.big > .bg > .info { top:790px; }
.wper_player.big > .bg > .download { top:850px; }
.wper_player.big > .bg > .thumbnail { height:120px; left:50px; bottom:50px; width:1100px; }
.wper_player.big > .bg > .thumbnail > .kbox > a > img { height:120px; }
.wper_player.big > .bg > .prev { left:50px; }
.wper_player.big > .bg > .next { right:50px; }
.wper_player.big > .bg > .close { right:40px; top:40px; }
.wper_player.big > .bg > .qrcode { left:50px; top:50px; }

.wper_player.small > .bg { height:560px; padding:30px; margin-top:-310px; width:900px; }
.wper_player.small > .bg > .img { height:360px; }
.wper_player.small > .bg > .info { top:410px; width:900px; }
.wper_player.small > .bg > .download { top:470px; }
.wper_player.small > .bg > .thumbnail { height:60px; left:30px; bottom:30px; width:900px; }
.wper_player.small > .bg > .thumbnail > .kbox > a > img { height:60px; }
.wper_player.small > .bg > .prev { left:30px; }
.wper_player.small > .bg > .next { right:30px; }
.wper_player.small > .bg > .close { right:20px; top:20px; }
.wper_player.small > .bg > .qrcode { left:30px; top:30px; }

@media screen and (min-height:1100px){
	.wper_player > .bg { height:980px; padding:50px; margin-top:-540px; width:1100px; }
	.wper_player > .bg > .img { height:720px; }
	.wper_player > .bg > .info { top:790px; }
	.wper_player > .bg > .download { top:850px; }
	.wper_player > .bg > .thumbnail { height:120px; left:50px; bottom:50px; width:1100px; }
	.wper_player > .bg > .thumbnail > .kbox > a > img { height:120px; }
	.wper_player > .bg > .prev { left:50px; }
	.wper_player > .bg > .next { right:50px; }
	.wper_player > .bg > .close { right:40px; top:40px; }
	.wper_player > .bg > .qrcode { left:50px; top:50px; }
}
@media screen and (max-height:800px){
	.wper_player > .bg { height:560px; padding:30px; margin-top:-310px; width:900px; }
	.wper_player > .bg > .img { height:360px; }
	.wper_player > .bg > .info { top:410px; width:900px; }
	.wper_player > .bg > .download { top:470px; }
	.wper_player > .bg > .thumbnail { height:60px; left:30px; bottom:30px; width:900px; }
	.wper_player > .bg > .thumbnail > .kbox > a > img { height:60px; }
	.wper_player > .bg > .prev { left:30px; }
	.wper_player > .bg > .next { right:30px; }
	.wper_player > .bg > .close { right:20px; top:20px; }
	.wper_player > .bg > .qrcode { left:30px; top:30px; }
}

#news .paging { padding-top:0; padding-bottom:20px; }

#games .kbox { margin-top:30px; }
#games .kbox > .news_list { height:355px; }
#games .kbox > .news_list > .describe { height:42px; }
#games .kbox > .news_list > .img { height:195px; }
#games .kbox > .news_list > .img > img { width:260px; height:195px; }
#games .paging { padding-top:10px; padding-bottom:20px; }

#i4news .news_list { width:560px; height:258px; }
#i4news .news_list > .img { width:560px; height:168px; }
#i4news .news_list > .img > img { width:560px; height:168px; }
#i4news .news_list > .title { width:480px; margin:0; line-height:50px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
#i4news .news_list > .describe { line-height:20px; height:40px; }
#i4news .news_list > .time { position: absolute; right:40px; top:180px; }
#i4news .paging { padding-top:0px; padding-bottom:20px; }

.class_nav.resource_class_nav .center { width:568px; margin-left:-284px; }

#apps .block_lr { margin-top:32px; }
#apps .content_nav { padding-left:4px; }
#apps .content_nav > a { width:46px; }
#apps .kbox { width:900px; }
#apps .paging { padding-top:30px; padding-bottom:20px; }
#apps .device { overflow:hidden; }
#apps .device > a { display:block; float:left; margin-right:10px; width:86px; height:31px; line-height:31px; text-align:center; background:#f9f9f9; font-size:12px; color:#999; border:1px solid #e9e9e9; }
#apps .device > a:hover { color:#666; background:#eee; }
#apps .device > a.ing { border:1px solid #bbb; background:#FFF; color:#333; }
.class { padding:13px 10px; background:#f7f7f7; overflow:hidden; }
.class > a { display:inline-block; padding:0 15px; margin-right:5px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#666; }
.class > a:hover { color:#999; }
.class > a.nav_on { color:#007aff; font-weight:bold; }

#app_detail { width:1080px; padding:70px 80px; }
#app_detail .jbox { width:1080px; }
#app_detail .block_l { width:760px; margin-right:60px; }
#app_detail .block_l .info { overflow: hidden; margin-bottom:35px; }
#app_detail .block_l .info .info_l { width:175px; float:left; margin-right:25px; }
#app_detail .block_l .info .info_l .icon { width:175px; height:175px; position: relative; }
#app_detail .block_l .info .info_l .icon img { position: absolute; left:0; top:0; }
#app_detail .block_l .info .info_l .install { display:block; margin:30px auto 0; width:165px; height:36px; line-height:36px; text-align: center; background:#007aff; color:#FFF; }
#app_detail .block_l .info .info_l .install:hover { background:#0066dd; color:#FFF; }
#app_detail .block_l .info .info_r { float:right; width:560px; }
#app_detail .block_l .info .info_r .title { height:z65px; padding-bottom:15px; border-bottom:1px solid #eee; }
#app_detail .block_l .info .info_r .title .h1 { font-size:22px; color:#333; line-height:30px; }
#app_detail .block_l .info .info_r .title .h3 { font-size:16px; color:#666; line-height:35px; }
#app_detail .block_l .info .info_r .d { margin-top:15px; line-height:30px; color:#999; font-size:12px; }
#app_detail .block_l .info .info_r .d span { color:#666; } 
#app_detail .block_l .info .info_r .d > div { height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#app_detail .block_l .info .info_r .d > .version,
#app_detail .block_l .info .info_r .d > .size,
#app_detail .block_l .info .info_r .d > .type { width:215px; float:left; }
#app_detail .block_l .info .info_r .d > .udate,
#app_detail .block_l .info .info_r .d > .downcount,
#app_detail .block_l .info .info_r .d > .language { width:345px; float:left; }
#app_detail .block_l .info .info_r .d > .author,
#app_detail .block_l .info .info_r .d > .system { clear: both; }
#app_detail .pics > .content { width:760px; height:355px; overflow:hidden; position:relative; }

#special { padding-top:35px; }
#special .content_block { margin-bottom:0px; }
#special .content_block > .title { font-size:18px; color:#333; border:none; height:36px; line-height:36px; }
#special .content_block > .content { margin-top:15px; }
#special .content_block > .content .list { margin-bottom:35px; margin-right:40px; float:left; }
#special .paging { padding-bottom:20px; padding-top:0; }

#special_detail { padding:95px 190px 108px; width:860px; }
#special_detail > .jbox { width:860px; }
#special_detail > .jbox > .title { text-align: center; font-size:24px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; color:#010101; overflow:hidden; }
#special_detail > .jbox > .title > p { line-height:45px; font-size:14px; color:#999; }
#special_detail > .jbox > .title > img { width:860px; height:167px; margin:15px 0; }
#special_detail > .jbox > .kbox { width:900px; border-top:1px solid #f4f4f4; margin-top:20px; }

#rings .content_class > .bar > .bar_list > a { width:auto; margin-right:40px; }
#rings .content_nav { margin-top:25px; padding-left:4px; }
#rings .content_nav > a { width:46px; margin-right:55px; }
#rings .paging { padding-top:30px; padding-bottom:20px; }

.ring_list { position: relative; width:560px; height:28px; padding:26px 0 25px; float:left; margin-right:40px; border-bottom:1px solid #f4f4f4; }
.ring_list > div { position: absolute; top:26px; height:28px; line-height:28px; font-size:12px; color:#999; }
.ring_list > .img { left:10px; width:28px; }
.ring_list > .img > img { width:28px; height:28px; position: absolute; left:0; top:0; }
.ring_list > .title { left:53px; width: 300px; overflow:hidden; color:#333; text-overflow:ellipsis; white-space:nowrap; }
.ring_list > .downcount { left:353px; width:50px; text-align: right; }
.ring_list > .longtime { left:432px; width:35px; text-align:right; }
.ring_list > .audio_play { left:496px; top:29px; width:22px; height:22px; }
.ring_list > .audio_play:hover { background-position: left bottom; }
.ring_list > .download { left:528px; top:29px; width:22px; height:22px; background:url(../img/ring_btns.png) right top no-repeat; }
.ring_list > .download:hover { background-position: right bottom; }

#wper > .jbox { position: relative; }
#wper > .jbox > .kbox { margin-top:30px; min-height:300px; overflow: hidden; }
#wper .content_class > .bar > .bar_list > a { width:auto; margin-right:40px; }
#wper .content_nav { position: relative; z-index:3;  margin-top:25px; padding-left:4px; }
#wper .content_nav > a { width:46px; margin-right:55px; }
#wper .paging { padding-top:0; padding-bottom:20px; }
#wper .select { position: absolute; right:4px; top:-7px; height:32px; }
#wper .select > div { height:30px; line-height:30px; }
#wper .select > .selectdown > .title { height:30px; line-height:30px; }
#wper .select > .selectdown > .options { top:30px; }
.wper_play  { display:block; float:left; padding-right:40px; padding-bottom:40px; }
.wper_play > a { display:block; width:160px; height:284px; position: relative; }
.wper_play > a > img { width:160px; height:284px; position: absolute; left:0; top:0; }
.wper_play > .err { width:100px; height:100px; left:50%; top:50%; margin-left:-50px; margin-top:-50px; }
.wper_play.ipad { height:160px; }
.wper_play.ipad > a { height:160px; }
.wper_play.ipad > a > img { height:160px; }
.wper_play.ipad > a { height:240px; }
.wper_play.iphone4 { height:240px; }
.wper_play.iphone4 > a > img { height:240px; }
.wper_play.iphonex { height:346.5px; }
.wper_play.iphonex > a > img { height:346.5px; }

#wper_detail { display:block; background:none; }
#wper_detail > .bg { background:#fff; }
#wper_detail > .bg > .close { background-position:right top; }
#wper_detail > .bg > .close:hover { background-position:right bottom; }
#wper_detail > .bg > .prev { background-position:-104px top;}
#wper_detail > .bg > .prev:hover { background-position:-104px bottom;}
#wper_detail > .bg > .next { background-position:-156px top;}
#wper_detail > .bg > .next:hover { background-position:-156px bottom;}

.class_nav.tutorials_class_nav > .center { width:568px; margin-left:-284px; }

#tutorials { padding:70px 115px 60px; width:1010px; }
#tutorials .jbox { width:1010px; }
#tutorials .jbox > .lists { margin-top:10px; min-height:500px; }
#tutorials .select > .label { width:120px; }
#tutorials .select > .selectdown { width:200px; }
#tutorials .select > .selectdown > .options { width:200px; }
#tutorials .select > .selectdown > .options { width:645px; background:#FFF; padding:25px 15px 20px 20px; }
#tutorials .select > .selectdown > .options > .list { display:block; float:left; width:100px; text-align:left; background:#f6f6f6; margin-right:5px; margin-bottom:5px; height:30px; line-height:30px; color:#333; }
#tutorials .select > .selectdown > .options > .list:hover { background:#e6e6e6; }
#tutorials .select > .selectdown > .options > .list.ing { background:#e3e3e3; color:#333; }
#tutorials .select > .selectdown > .options > span { text-indent:0; font-weight:bold; color:#333; }
#tutorials .paging { padding-top:30px; padding-bottom:0px; }
#tutorials.i4_tutorials,
#tutorials.skill_tutorials { padding-top:50px; }

#jailbreak { padding:70px 115px; width:1010px; }
#jailbreak .jbox { width:1010px; }
#jailbreak .paging { padding-top:46px; padding-bottom:20px; }

.class_nav.search_class_nav > .center { width:142px; margin-left:-71px; }

#search { padding-bottom:60px; }
#search > .jbox { min-height: 500px; }

#search .search_info { height:50px; font-size:13px; color:#999; border-bottom:2px solid #eee; line-height:50px; }
#search .search_info > span { color:#333; }
#search .paging { padding-top:30px; padding-bottom:0px; }
#search .search_suggest { line-height:28px; color:#666; padding-bottom:72px; }
#search .search_suggest strong { font-size:14px; color:#010101; }


#search.news { padding:52px 115px 60px; width:1010px; }
#search.news > .jbox { width:1010px; }

#search .app { width:360px; }
#search .app > .info { width: 220px; }

#search.wpers .bar > .bar_list a { width:auto; padding:0 15px; margin-right:10px; }
#search.wpers .nodata { display:none; margin-top:70px; height:40px; line-height:40px; color:#333; font-size:14px; font-weight:bold; text-align:center; }
#search.wpers .paging { padding-top:0; }
#search.wpers > .jbox > .kbox { padding-top:30px; }
#search.wpers > .jbox > .select { position: absolute; right:0; top:0; }
#search.wpers > .jbox > .lists > .other { padding:0 100px; }
#search.wpers > .jbox > .lists > .other > .title { font-size:14px; color:#333; }
#search.wpers > .jbox > .lists > .other > .kbox { margin-top:20px; width:1000px; }

#news_detail { padding:80px 90px; width:1060px; }
#news_detail .jbox { width:1060px; }
#news_detail .jbox .block_l { width:760px; }
#news_detail .jbox .block_l > .title { width:760px; line-height:50px; font-size:24px; color:#010101; text-align: center; }
#news_detail .jbox .block_l > .info { width:760px; height:30px; overflow:hidden; text-align: center; }
#news_detail .jbox .block_l > .info img { position: absolute; left:0; top:2px; }
#news_detail .jbox .block_l > .info > .source,
#news_detail .jbox .block_l > .info > .time,
#news_detail .jbox .block_l > .info > .view { display:inline; margin-right:40px; padding-left:18px; position:relative; color:#999; }
#news_detail .jbox .block_l > .info > .time.now { color:#ff9900; }
#news_detail .jbox .block_l > .info > .source { margin-right:0; }
#news_detail .jbox .block_l > .content { margin-top:40px; font-size:14px; color:#333; }
#news_detail .jbox .block_l > .content img { display: inline; max-width: 760px; }
#news_detail .jbox .block_l > .tags { margin-top:50px; font-size:14px; font-weight:bold; }
#news_detail .jbox .block_l > .tags > a { margin-right:3px; margin-bottom:5px; font-weight:400; background:#F9F9F9; color:#999; font-size:14px; padding:3px 10px; }
#news_detail .jbox .block_l > .tags > a:hover { background:#BBB; color:#FFF; }
#news_detail .jbox .block_l > .share { padding-top:70px; }
#news_detail .jbox .block_l > .similarity { padding-top:90px; }
#news_detail .jbox .block_l > .similarity > .title { font-size:18px; color:#333; padding-bottom:12px; }
#news_detail .jbox .block_l > .similarity > .content { margin-top:18px; }
#news_detail .jbox .block_l > .similarity > .content > a { display:block; float:left; width:325px; height:32px; line-height:32px; color:#666; font-size:13px; margin-right:55px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
#news_detail .jbox .block_l > .similarity > .content > a:hover { color:#236ee7; }
#news_detail .jbox .block_r > .tutorials { margin-top:8px; }

.class_nav.pro_class_nav > .center { width:480px; margin-left:-240px; }
.class_nav.pro_class_nav > .center > a { width:170px; padding-left:70px; position:relative; text-align:left; }
.class_nav.pro_class_nav > .center > a > img { position:absolute; left:30px; top:10px; opacity: 0.8; }
.class_nav.pro_class_nav > .center > a.nav_on { font-weight:bold; }
.class_nav.pro_class_nav > .center > a.nav_on > img { opacity: 1; }
.class_nav.pro_class_nav > .center > span { display:block; text-align:center; font-size:16px; color:#FFF; line-height:48px; }

.infobox { left:-1000px; opacity: 0; position:absolute; z-index:2; top:682px; padding:40px 0; background:#FFF; border:2px solid #e6e6e6; /*transition: opacity 0.5s;*/ }
.infobox.ing { opacity: 1; left:50%; }
.infobox > .content { width:360px; position: relative; overflow: hidden; float:left; padding-right:30px; margin-left:40px; }
.infobox > .content > img { float:left; }
.infobox > .content > .info { position: absolute;left: 82px; }
.infobox > .content > .info > .title { font-size:14px; color:#333; line-height:21px; }
.infobox > .content > .info > .title > span { color:#ff5050; font-size:12px; }
.infobox > .content > .info > .vsd { color:#666; font-size:12px; line-height:21px; }
.infobox > .content > .info > .vsd > span { color:#ddd; }
.infobox > .content > .info > a { color:#236ee7; font-size:12px; line-height:21px; }
.infobox > .content > .info > a:hover { color:#333; text-decoration:underline; }
.infobox > img { position: absolute; top:-14px; }

.infobox.v6info, .infobox.v5info { width:400px; }
.infobox.v6info > img, .infobox.v5info > img { left:185px; }
.infobox.v6info > .content, .infobox.v5info > .content { width:330px; }

.infobox.v6info { margin-left:-245px; }
.infobox.v5info	{ margin-left:-200px; }


.infobox.itunesinfo {  width:860px; margin-left:-345px; }
.infobox.itunesinfo > img { left:500px; }
.infobox.itunesinfo > .line { width:720px; margin:auto; height:1px; border-bottom:1px solid #eee; clear:both; padding-top:25px; }
.infobox.itunesinfo > .xp_x86,
.infobox.itunesinfo > .xp_x64 { margin-top:25px; }
.infobox.itunesinfo > .x86,
.infobox.itunesinfo > .xp_x86 { border-right:1px solid #eee; width:359px; }

#pro { padding:0; width:1240px; background:#eee; overflow:hidden; position: relative; }
#pro > section { background:#FFF; text-align:center; overflow:hidden; padding:80px 0; position:relative; }
#pro > section > .title { font-size:36px; color:#333; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro > section > .describe { font-size:16px; color:#666; line-height:30px; margin-top:20px; }

#pro > section > .img { margin:auto; }
#pro > section > .img.name { margin-top:28px; }
#pro > section > .img.describe { margin-top:45px; }
#pro > section > .btn { position:absolute; top:370px; display:block; width:160px; height:40px; line-height:40px; text-align:center; background:#eee; color:#333; font-size:13px; }
#pro > section > .btn:hover { background:#e3e3e3; }
#pro > section > .btn.download,
#pro > section > .btn.install { left:50%; margin-left:-170px; }
#pro > section > .btn.view_describe { right:50%; margin-right:-170px; }
#pro > section > .vds { margin-top:82px; font-size:12px; color:#888; line-height:50px; }
#pro > section > .vds > span { color:#ddd; }
#pro > section.pc { padding-bottom:50px; }
#pro > section.pc > .about { margin: 30px auto 0; overflow:hidden; width:460px; }
#pro > section.pc > .about > a { float:left; padding:0 20px 30px; text-decoration:underline; color:#666; font-size:12px; }
#pro > section.pc > .about > a:hover { color:#007aff; }
#pro > section.ios { margin-top:20px; padding-bottom:100px; padding-top:110px; }
#pro > section.ios > .img.name { margin-top:31px; }
#pro > section.ios > .img.describe { margin-top:45px; }
#pro > section.ios > .btn { top:400px; }
#pro > section.ios > .vds { margin-top:82px; }
#pro > .infobox { top:530px; }

#pro_pc { width:100%; min-width:1240px; overflow:hidden; position: relative; background:#f7f7f7; }
#pro_pc > section { text-align:center; overflow:hidden; }
#pro_pc > section > .title { font-size:36px; color:#333; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; font-weight: 200; }
#pro_pc > section > .describe { font-size:16px; color:#666; line-height:30px; margin-top:20px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; font-weight: 200; }
#pro_pc > .info,
#pro_pc > .resource { background:#fff; }
#pro_pc > .info { overflow:hidden; padding:90px 0 60px; }
#pro_pc > .info > .img { margin:auto; }
#pro_pc > .info > .img.name { margin-top:28px; }
#pro_pc > .info > .img.describe { margin-top:32px; }
#pro_pc > .info > .av { width:500px; margin:40px auto 0; overflow:hidden; }
#pro_pc > .info > .av > .list { width:100px; float:left; }
#pro_pc > .info > .av > .list > img { margin:auto; }
#pro_pc > .info > .av > .list > p { height:35px; line-height:35px; text-align:center; font-size:11px; color:#999; }
#pro_pc > .info > .download { display:block; margin:auto; width:200px; height:46px; line-height:46px; text-align:center; color:#FFF; background:#007aff; margin-top:34px; font-size:16px; }
#pro_pc > .info > .download:hover { background:#268eff; }
#pro_pc > .info > .vds { font-size:12px; color:#888; line-height:50px; }
#pro_pc > .info > .vds > span { color:#ddd; }
#pro_pc > .info > .about { margin: 45px auto 0; overflow:hidden; width:460px; }
#pro_pc > .info > .about > a { float:left; padding:0 20px 30px; text-decoration:underline; color:#666; font-size:12px; }
#pro_pc > .info > .about > a:hover { color:#007aff; }
#pro_pc > .func { overflow:hidden; padding:110px 0 108px; }
#pro_pc > .func > .describe { margin-top:16px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro_pc > .func > .lists { width:900px; margin:auto; overflow:hidden; margin-top:35px; }
#pro_pc > .func > .lists > .list { display:block; width:60px; padding:15px 20px; float:left; transition: all 0.3s; }
#pro_pc > .func > .lists > .list:hover { background:#eee; color:#333; }
#pro_pc > .func > .lists > .list > img { width:60px; height:60px; display:block; }
#pro_pc > .func > .lists > .list > span { display:block; padding-top:10px; }
#pro_pc > .resource { padding:112px 0 410px; position:relative; overflow:hidden; }
#pro_pc > .resource .describe { margin-top:5px; }
#pro_pc > .resource > img { position:absolute; left:50%; margin-left:-1000px; top:221px; }
#pro_pc > .device { padding:101px 0 550px; position:relative; }
#pro_pc > .device .describe { margin-top:5px; }
#pro_pc > .device > img { position:absolute; top:329px; left:50%; margin-left:-291px; }
#pro_pc > .tools { padding:110px 0 90px; margin-top:-73px; position:relative; z-index:2; }
#pro_pc > .tools > * { position: relative; z-index: 2; }
#pro_pc > .tools > .bg { position: absolute; left:0; top:0; z-index: 1; width:100%; height:200%; background:#fff; opacity: 0.7; }
#pro_pc > .tools > .describe { margin-top:5px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro_pc > .tools > .lists { overflow:hidden; width:980px; overflow:hidden; margin:60px auto 0; }
#pro_pc > .tools > .lists > .list { width:130px; height:130px; float:left; margin:0 33px 20px; font-size:12px; color:#666; transition: all 0.3s; }
#pro_pc > .tools > .lists > .list:hover { background:#f2f2f2; }
#pro_pc > .tools > .lists > .list > img { margin:20px auto 0; }
#pro_pc > .tools > .lists > .list > span { padding-top:8px; display:block; }

#pro_ios { width:100%; min-width:1240px; overflow:hidden; }
#pro_ios > section { background:#FFF; text-align:center; overflow:hidden; }
#pro_ios > section > .title { font-size:36px; color:#333; font-family: 'Microsoft YaHei Light', 'Microsoft Yahei'; font-weight: 200; }
#pro_ios > section > .describe { font-size:16px; color:#666; line-height:30px; margin-top:20px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; font-weight: 200; }
#pro_ios > .info { padding:130px 0 513px; overflow:hidden; position:relative; }
#pro_ios > .info > img { margin:auto; }
#pro_ios > .info > img.name { margin-top:30px; }
#pro_ios > .info > img.describe { margin-top: 30px; }
#pro_ios > .info > .install { display:block; margin:auto; width:160px; height:46px; line-height:46px; text-align:center; color:#FFF; background:#007aff; margin-top:53px; font-size:14px; }
#pro_ios > .info > .install:hover { background:#268eff; }
#pro_ios > .info > .vds { font-size:12px; color:#999; line-height:50px; }
#pro_ios > .info > .vds > span { color:#ddd; margin:0 7px; }
#pro_ios > .info > div.describe { margin-top:123px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro_ios > .info > div.describe > p { font-size:22px; color:#666; line-height:40px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; }
#pro_ios > .info > div.describe > .mt { margin-top:-5px; }
#pro_ios > .info > .lists { width:720px; margin:auto; overflow:hidden; margin-top:40px; }
#pro_ios > .info > .lists > .list { width:120px; text-align:center; overflow:hidden; float:left; }
#pro_ios > .info > .lists > .list > img { margin:auto; display:block; width:60px; height:60px; }
#pro_ios > .info > .lists > .list > span { display:block; text-align:center; font-size:12px; color:#666; margin-top:7px; }
#pro_ios > .info > .apps { position:absolute; left:50%; top:949px; margin-left:-1000px; }
#pro_ios > .download { padding:123px 0 117px; background:#F7F7F7; }
#pro_ios > .download > .title { font-size:30px; }
#pro_ios > .download > .downloadpc { display:block; margin:auto; width:200px; height:46px;  line-height:46px; text-align:center; color:#FFF; background:#007aff; margin-top:33px; font-size:14px; }
#pro_ios > .download > .downloadpc:hover { background:#268eff; }
#pro_ios > .download > img { margin:30px auto 0; }

#updatelog { padding:90px 100px; width:960px; }
#updatelog > .jbox { width:960px; }
#updatelog > .jbox > .title { overflow:hidden; }
#updatelog > .jbox > .lists { width:770px; padding-top:37px; margin-top:26px; margin-left:147px; border-left:1px solid #ddd; }
#updatelog > .jbox > .lists > .list { border-top:1px solid #eee; position:relative; padding-left:30px; padding-bottom:75px; }
#updatelog > .jbox > .lists > .list.last { padding-bottom:10px; }
#updatelog > .jbox > .lists > .list > img { position:absolute; left:-5px; top:-5px; z-index:1; }
#updatelog > .jbox > .lists > .list > .title { position:absolute; left:0; top:-13px; display:block; width:230px; height:25px; line-height:25px; background:#FFF; font-size:14px; color:#666; text-indent:30px; }
#updatelog > .jbox > .lists > .list > .title > span.version { font-size:16px; color:#333; }
#updatelog > .jbox > .lists > .list > .title { width:180px; }
#updatelog > .jbox > .lists > .list > .title > a { margin-left:20px; color:#007aff; text-decoration:underline; }
#updatelog > .jbox > .lists > .list > .title > a:hover { color:#333; }
#updatelog > .jbox > .lists > .list > .date { position:absolute; left:-100px; top:-13px; height:25px; line-height:25px; font-size:14px; color:#666; }
#updatelog > .jbox > .lists > .list > .content > dl { overflow:hidden; padding-top:20px; }
#updatelog > .jbox > .lists > .list > .content > dl > dt { font-size:14px; color:#333; margin-top:10px; }
#updatelog > .jbox > .lists > .list > .content > dl > dd { font-size:12px; color:#999; line-height:25px; }

#pcquestions { padding:90px 100px 190px; width:960px; }
#pcquestions > .jbox { width:960px; }
#pcquestions > .jbox > .title { padding-left:40px; font-size:22px; color:#333; }
#pcquestions > .jbox > .lists { padding-left:130px; margin-top:50px; }
#pcquestions > .jbox > .lists > .list { font-size:14px; color:#555; display:block; line-height:40px; height:40px; position: relative; }
#pcquestions > .jbox > .lists > .list:hover { color:#268eff; }
#pcquestions > .jbox > .lists > .list > i { position:absolute; left:-15px; top:18px; width:4px; height:4px; border-radius: 50%; background:#bbb; }

#about { padding:30px 170px; width:820px; }
#about > section { padding-top:65px; padding-bottom:70px; border-bottom:1px solid #e9e9e9; }
#about > section > .title { font-size:26px; line-height:70px; color:#333; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; text-align:center; }
#about > .us { overflow:hidden; }
#about > .us > img { margin:auto; }
#about > .us > .describe { margin-top:50px; margin-bottom:20px; font-size:16px; color:#333; }
#about > .us > p { font-size:15px; color:#666; }
#about > .jobs { overflow:hidden; }
#about > .jobs > .describe { text-align:center; color:#666; padding-bottom:20px; }
#about > .jobs > .lists { overflow:hidden; padding:20px 0; }
#about > .jobs > .lists > .kbox { width:840px; overflow:hidden; }
#about > .jobs > .lists > .kbox > .list { display:block; width:258px; height:78px; line-height:78px; text-align:center; float:left; background:#FFF; color:#333; font-size:13px; border:1px solid #e9e9e9; transition: all 0.2s ease 0s; margin-right:20px; margin-bottom:20px; } 
#about > .jobs > .lists > .kbox > .list:hover { border:1px solid #007aff; background:#007aff; color:#FFF; }
#about > .jobs > p { color:#999; padding-top:20px; text-align:center; }
#about > .contact { overflow:hidden; }
#about > .contact > .lists { width:672px; overflow:hidden; margin:30px auto 40px; }
#about > .contact > .lists > .list { width:168px; float:left; text-align:center; }
#about > .contact > .lists > .list > img { margin:auto; }
#about > .contact > .lists > .list > p { color:#999; }
#about > .contact > .lists > .list > .title { color:#333; }
#about > .contact > img { margin:auto; }
#about > .contact > p { text-align:center; padding-top:20px; font-size:14px; }
#about > .feedback { overflow:hidden; border:none; }
#about > .feedback textarea,
#about > .feedback input,
#about > .feedback a { margin-top:10px; }
#about > .feedback textarea { width:798px; padding:10px; height:180px; border:1px solid #ddd; background:#FFF; }
#about > .feedback input { width:798px; height:20px; line-height:20px; padding:10px; border:1px solid #ddd; background:#FFF; }
#about > .feedback a { display:block; width:160px; height:44px; line-height:44px; text-align:center; background:#39b54a; color:#FFF; }

#firmware { padding:60px 100px 100px; width:1040px; }
#firmware > section { position:relative; overflow:hidden; }
#firmware > section > h2 { color: #333; font-size: 18px; font-weight: normal; line-height: 52px; }
#firmware > section table,
#firmware > section tr,
#firmware > section th,
#firmware > section td { vertical-align:middle; text-align:center; font-size:12px; color:#666; }
#firmware > section table { width:100%; border:1px solid #EEE; }
#firmware > section.select_device > table tr,
#firmware > section.select_device > table th,
#firmware > section.select_device > table td { border:1px solid #EEE; color:#333; }
#firmware > section.select_device > table td { padding:9px 20px; }
#firmware > section.select_device > table td.title { }
#firmware > section.select_device > table td.options { padding:4px 20px 9px; }
#firmware > section.select_device > table td.options a { display:block; float:left; margin-right:5px; margin-top:5px; width:96px; height:26px; line-height:26px; text-align:center; border:1px solid #fff; background:#fff; transition:0.3s; color:#666 }
#firmware > section.select_device > table td.options a:hover { border:1px solid #e6e6e6; transition:0.3s }
#firmware > section.select_device > table td.options a.on { border:1px solid #e6e6e6; background:#f4f4f4; transition:0.3s; color:#333 }
#firmware > section.select_device > table td.options a.more { text-indent:20px; background:url(../img/more_down.png) 25px center no-repeat; color:#333333; }
#firmware > section.select_device > table td a.help { color:#f19149; text-decoration:underline; }
#firmware > section.select_device > table td a.help:hover { color:#ed7921; }
#firmware > section.select_device > .loading { background:url(../img/alpha_write.png) repeat; display:none; position:absolute; left:1px; top:53px; right:1px; bottom:1px; }
#firmware > section.select_device > .loading > img { position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px; }
#firmware > section.firmware_list { margin-top:20px; }
#firmware > section.firmware_list > table td { border:0; }
#firmware > section.firmware_list > table th { border-bottom:1px solid #EEE; }
#firmware > section.firmware_list > table tr:nth-of-type(2n) { background-color: #f9f9f9; }
#firmware > section.firmware_list > table tr:hover { background:#eee; }
#firmware > section.firmware_list > table th { height:46px; line-height:46px; background:#f4faff; color:#333; }
#firmware > section.firmware_list > table td { height:48px; line-height:48px; }
#firmware > section.firmware_list > table td.yes,
#firmware > section.firmware_list > table td.no { background-repeat:no-repeat; background-position:center center; }
#firmware > section.firmware_list > table td.yes { background-image:url(../img/ipsw_status_yes.png); }
#firmware > section.firmware_list > table td.no { background-image:url(../img/ipsw_status_no.png); }
#firmware > section.firmware_list > table td .download { width:60px; height:26px; line-height:26px; text-align:center; display:block; margin:7px auto; }
#firmware > section.firmware_list > table td .download:hover { background:#3d9aff; color:#fff; }
#firmware > .test_version { display:none; position:fixed; left:0; top:0; z-index:9; background:url(../img/33333395.png) repeat; width:100%; height:100%; }
#firmware > .test_version.ing { display:block; }
#firmware > .test_version > .content { position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-110px; width:400px; height:220px; background:#fff; text-align:center; border:1px solid #F9F9F9; }
#firmware > .test_version > .content h3 { padding-top:48px; font-size:24px; font-weight:normal }
#firmware > .test_version > .content p  { font-size:16px; color:#666 }
#firmware > .test_version > .content div a { display:inline-block; margin:20px 5px 0; width:120px; height:38px; line-height:38px; border:1px solid #ddd; transition:0.2s }
#firmware > .test_version > .content div a:hover { border:1px solid #007aff; background:#007aff; color:#fff; transition:0.2s }

#job { padding:90px 100px; width:1040px; }
#job > section { padding:40px 0; border-bottom:1px solid #e9e9e9; }
#job > section > .title { color:#236ee7; font-size:26px; }
#job > section > dl > dt { margin-top:10px; font-weight:bold; font-size:14px; line-height:30px; }
#job > section > dl > dd {  font-size:12px; line-height:24px; color:#888; }

#sitemap { padding:90px 100px; width:1040px; }
#sitemap > .list { overflow: hidden; line-height: 40px; padding:10px 0 10px 180px; position: relative; border:1px solid #eee; margin-top:-1px; }
#sitemap > .list > .title { width:180px; text-align: center; height:40px; position:absolute; left:0; top:50%; margin-top:-20px; font-size:16px; color:#010101; }
#sitemap > .list > a { margin-right:20px; color:#666; white-space:nowrap; }
#sitemap > .list > a:hover { color:#007aff; }
#sitemap > .list > .group { clear:both; font-weight:bold; color:#555; }

#copyright { padding:110px 240px; width:760px; font-size:14px; line-height:26px; color:#666; }
#copyright h1 { font-size:36px; font-family:'Microsoft YaHei Light', 'Microsoft Yahei'; padding-bottom:20px; color:#333; line-height:50px; }
#copyright p { padding-bottom:10px; }

#tags { padding: 80px 90px; width: 1060px; }
#tags .tagscontent { width:760px; margin-right:40px; overflow:hidden; float:left; }
#tags .tagscontent > .menu { overflow:hidden; }
#tags .tagscontent > .menu > a { display:block; float:left; width:25px; height:25px; line-height:25px; text-align:center; margin-right:10px; margin-bottom:10px; }
#tags .tagscontent > .menu > a:hover { background:#CCC; color:#FFF; }
#tags .tagscontent > .menu > a.ing { background:#999; color:#FFF; }
#tags .tagscontent > .lists {}
#tags .tagscontent > .lists > .list { padding:10px 0; border-bottom:1px solid #eee; overflow:hidden; }
#tags .tagscontent > .lists > .list > .title { font-size:16px; font-weight:bold; }
#tags .tagscontent > .lists > .list > a { float:left; display:block; height:20px; line-height:20px; margin-right:15px; margin-bottom:5px; }
#tags .qm { float:right; margin-top:0; }


.winwin-banner {
	width:100%;
	height:584px;
	background:#007aff url(../img/winwin-header.png) no-repeat center center;
	position: relative;
	color:#FFF;
}

.winwin-banner>h2,
.winwin-banner>.description {
	width:620px;
	line-height: 1;
	text-align: center;
	font-size:36px;
	font-weight: 100;
	position: absolute;
	top:186px;
	left:50%;
	margin-left:-620px;
}
.winwin-banner>.description {
	font-size:16px;
	top:250px;
}

.winwin-banner>.contactPhone {
	width:300px;
	height:48px;
	line-height: 48px;
	padding-left:48px;
	font-size:18px;
	background:url(../img/icon-phone.png) no-repeat 15px center;
	position: absolute;
	top:400px;
	left:50%;
	margin-left: -460px;
	box-sizing: border-box;
}

.winwin-mode {
	width:100%;
	background-color:#FFF;
	position: relative;
}
.winwin-mode>.title {
	padding-top:90px;
	line-height: 1;
	font-size:30px;
	color:#333;
	font-weight: 100;
	text-align: center;
}
.winwin-mode>.description {
	margin-top:19px;
}
.winwin-mode>.description>p {
	line-height: 30px;
	font-size:18px;
	color:#666d74;
	font-weight: 100;
	text-align: center;
}
.winwin-mode>.body {
	margin-top:90px;
}
.datashow {
	width:940px;
	height:229px;
	padding-bottom:90px;
	margin:auto;
}
.datashow>.datashow-item {
	float:left;
	width:280px;
	padding-top:135px;
	margin-right:50px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	position: relative;
}
.datashow>.datashow-item:nth-last-child(1) {
	margin-right:0;
}
.datashow>.datashow-item>p {
	margin-top:14px;
	height:30px;
	line-height: 30px;
	font-size:16px;
	color:#666d74;
	font-weight: 100;
}
.datashow>.datashow-item>h3 {
	height:50px;
	line-height: 50px;
	font-size:36px;
	color:#333;
}

#winwin-users .datashow>.datashow-item:nth-child(1) {
	background-image:url(../img/img-01.png);
}
#winwin-users .datashow>.datashow-item:nth-child(2) {
	background-image:url(../img/img-02.png);
}
#winwin-users .datashow>.datashow-item:nth-child(3) {
	background-image:url(../img/img-03.png);
}

#winwin-users .datashow>.datashow-item>p {
	font-weight: inherit;
}

#winwin-apps {
	background:#FFF url(../img/img-04.png) repeat-x center top;
}

#winwin-apps .datashow {
	width:954px;
	height:253px;
	padding-bottom:128px;
}
#winwin-apps .datashow>.datashow-item {
	width:415px;
	height:153px;
	margin-right:124px;
	padding-top:100px;
	background-color:#FFF;
	border-radius: 6px;
	box-shadow: 1px 1px 32px rgba(120, 120, 120, 0.28);
}
#winwin-apps .datashow>.datashow-item:nth-last-child(1) {
	margin-right:0;
}
#winwin-apps .datashow>.datashow-item:nth-child(1) {
	background-image:url(../img/img-05.png);
}
#winwin-apps .datashow>.datashow-item:nth-child(2) {
	background-image:url(../img/img-06.png);
}
#winwin-apps .datashow>.datashow-item>p:nth-child(1) {
	margin-top:0;
}
#winwin-apps .datashow>.datashow-item>p {
	color:#747a80;
	font-weight: inherit;
}

#winwin-adposition .body {
	height:898px;
	margin-top:60px;
	background:#303031;
	position: relative;
}
#winwin-adposition .adview {
	width:480px;
	height:610px;
	position: absolute;
	top:64px;
	left:50%;
	margin-left:-580px;
}
#winwin-adposition .adview>img {
	opacity: 0;
	position: absolute;
	left:0;
	top:0;
}
#winwin-adposition .adview>img.active {
	opacity: 1;
}
#winwin-adposition .datashow {
	width:682px;
	height:770px;
	padding-top:66px;
	padding-bottom:62px;
	position: absolute;
	left:50%;
	margin-left:-62px;
}
#winwin-adposition .datashow>.datashow-item {
	width:336px;
	height:250px;
	padding-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	border-radius: 4px;
	color:#FFF;
	overflow: hidden;
	transition: all 0.3s;
	position: absolute;
}
#winwin-adposition .datashow>.datashow-item.active {
	box-shadow: 0px 0px 5px #b2b2bc;
	width:346px;
	height:260px;
	margin-left:-5px;
	margin-top:-5px;
}
#winwin-adposition .datashow>.datashow-item>h3,
#winwin-adposition .datashow>.datashow-item>p {
	width:100%;
	position: absolute;
	top:250px;
}
#winwin-adposition .datashow>.datashow-item>h3 {
	height:45px;
	line-height: 45px;
	font-size:20px;
	color:#FFF;
	font-weight: 100;
	top:102px;
}
#winwin-adposition .datashow>.datashow-item>p {
	font-size:17px;
	height: auto;
	line-height: 27px;
	margin-top:0;
	top:145px;
}
#winwin-adposition .datashow>.datashow-item>p.r3 {
	top:130px;
}
#winwin-adposition .datashow>.datashow-item::before {
	content: " ";
	display: block;
	width:60px;
	height:60px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-30px;
	margin-top:-90px;
	background-repeat: no-repeat;
	background-position: center top;
	transition: margin 0.3s;
}
#winwin-adposition .datashow>.datashow-item>p:nth-child(2) {
	margin-top:22px;
}
#winwin-adposition .datashow>.datashow-item:nth-child(2n) {
	margin-right:0;
}
#winwin-adposition .datashow>.datashow-item:nth-child(1) {
	left:0;
	top:66px;
	background-color:#692ac8;
}
#winwin-adposition .datashow>.datashow-item:nth-child(2) {
	left:346px;
	top:66px;
	background-color:#3b78ee;
}
#winwin-adposition .datashow>.datashow-item:nth-child(3) {
	left:0;
	top:326px;
	background-color:#454547;
}
#winwin-adposition .datashow>.datashow-item:nth-child(4) {
	left:346px;
	top:326px;
	background-color:#1497af;
}
#winwin-adposition .datashow>.datashow-item:nth-child(5) {
	left:0px;
	top:586px;
	background-color:#35b438;
}
#winwin-adposition .datashow>.datashow-item:nth-child(6) {
	left:346px;
	top:586px;
	background-image: url(../img/img-13.png);
	background-size: 100% 100%;
}
#winwin-adposition .datashow>.datashow-item:nth-child(1)::before {
	background-image: url(../img/img-07.png);
}
#winwin-adposition .datashow>.datashow-item:nth-child(2)::before {
	background-image: url(../img/img-08.png);
}
#winwin-adposition .datashow>.datashow-item:nth-child(3)::before {
	background-image: url(../img/img-09.png);
}
#winwin-adposition .datashow>.datashow-item:nth-child(4)::before {
	background-image: url(../img/img-10.png);
}
#winwin-adposition .datashow>.datashow-item:nth-child(5)::before {
	background-image: url(../img/img-11.png);
}
#winwin-adposition .datashow>.datashow-item:nth-child(6)::before {
	background-image: url(../img/img-12.png);
}
#winwin-adposition .datashow>.datashow-item:nth-child(1)>p {
	color:#bfade5;
}
#winwin-adposition .datashow>.datashow-item:nth-child(2)>p {
	color:#d2dcfa;
}
#winwin-adposition .datashow>.datashow-item:nth-child(3)>p {
	color:#d3d3d3;
}
#winwin-adposition .datashow>.datashow-item:nth-child(4)>p {
	color:#cdeaf1;
}
#winwin-adposition .datashow>.datashow-item:nth-child(5)>p {
	color:#ddf5dd;
}
#winwin-adposition .datashow>.datashow-item:nth-child(6)>p {
	color:#cfd3d3;
}



#winwin-example {
	background-color:#f7f7f7;
}
#winwin-example .body {
	margin-top:55px;
}
#winwin-example .datashow-scrollArea {
	width:1134px;
	padding:30px;
	margin:auto;
	overflow: hidden;
	position: relative;
}
#winwin-example .datashow {
	width:2400px;
	height:400px;
	margin:0;
	transition: margin 0.5s;
}
#winwin-example .datashow>.datashow-item {
	width:338px;
	height:400px;
	background-color:#FFF;
	border-radius: 6px;
	box-shadow: 1px 1px 26px rgba(120, 120, 120, 0.28);
	margin-right:60px;
	padding:0;
}
#winwin-example .datashow>.datashow-item>img {
	width:60px;
	height:60px;
	border-radius: 14px;
	margin:40px auto 0;
}
#winwin-example .datashow>.datashow-item>h3 {
	margin-top:18px;
	height:30px;
	line-height: 30px;
	font-size:22px;
	color:#333;
}
#winwin-example .datashow>.datashow-item>p {
	height:22px;
	line-height: 22px;
	font-size:14px;
	color:#bcbcbc;
	margin:0;
}
#winwin-example .datashow>.datashow-item>hr{
	width:47px;
	height:1px;
	color:#e6e6e6;
	background-color:#e6e6e6;
	text-align: center;
	border-width: 0;
	margin:22px auto;
}
#winwin-example .datashow>.datashow-item>.description {
	padding:14px 45px;
	font-size:16px;
	line-height: 26px;
	color:#666;
	position: relative;
}
#winwin-example .datashow>.datashow-item>.description::before,
#winwin-example .datashow>.datashow-item>.description::after {
	display: block;
	line-height: 1;
	text-align: center;
	font-size:30px;
	color:#e0e0e0;
	font-family: "å®‹ä½“";
	position: absolute;
}
#winwin-example .datashow>.datashow-item>.description::before {
	content: "â€œ";
	top:14px;
	left:16px;
}
#winwin-example .datashow>.datashow-item>.description::after {
	content: "â€";
	bottom:2px;
	right:20px;
}
#winwin-example .datashow>.datashow-item>h4 {
	font-size:20px;
	color:#1c6dde;
	text-align: center;
	margin-top:40px;
}
#winwin-example .datashow-scrollPoint {
	width:36px;
	height:12px;
	margin:auto;
	position: absolute;
	bottom:31px;
	left:50%;
	margin-left:-18px;
}
#winwin-example .datashow-scrollPoint>p {
	width:12px;
	height:12px;
	background:#cce5fb;
	border-radius: 50%;
	float:left;
	margin-right:12px;
	cursor: pointer;
}
#winwin-example .datashow-scrollPoint>p.active {
	background:#7cb8fa;
}
#winwin-example .datashow-scrollPoint>p:nth-last-child(1) {
	margin-right:0;
}

.winwin-centerbanner {
	width:100%;
	height:166px;
	line-height: 166px;
	font-size:28px;
	color:#FFF;
	text-align: center;
	font-weight: 100;
	background:url(../img/img-15.png) repeat center center;
}

#winwin-qq .body {
	margin-top:55px;
}
#winwin-qq .datashow {
	width:721px;
	height:235px;
}
#winwin-qq .datashow>.datashow-item {
	width:336px;
	margin-right:49px;
	border-radius: 6px;
	padding-top:121px;
	padding-bottom:25px;
	box-shadow: 1px 1px 32px rgba(61, 61, 61, 0.28);
	background-position: center 31px;
}
#winwin-qq .datashow>.datashow-item:nth-last-child(1) {
	margin-right:0;
}
#winwin-qq .datashow>.datashow-item:nth-child(1) {
	background-image:url(../img/img-17.png);

}
#winwin-qq .datashow>.datashow-item:nth-child(2) {
	background-image:url(../img/img-16.png);
	
}
#winwin-qq .datashow>.datashow-item>p {
	font-size:18px;
	color:#717171;
	font-weight: inherit;
}
#winwin-qq .datashow>.datashow-item>h3 {
	height: 40px;
	line-height: 40px;
	font-size:17px;
	color:#007aff;
	font-weight: inherit;
}